<template>
	<view class="">
		<img class="bg-img" src="@appstatic/img/my/bg-img.jpg" alt="">
		<view class="container">
			<view class="fun-list">
			
				<!--我的预约-->
				<view class="row" @click="myReservation">
			
					<view class="left">
						<image style="width: 18px;height: 18px;" src="@appstatic/my/my_icon_myReservation.png"
							mode="aspectFit"></image>
						<text lines="1" class="text-1"
							style="font-weight: 400;font-size: 16px;line-height: 22px;padding-left: 18.25px;color: #3D3A3A;">试驾预约</text>
					</view>
			
					<image style=" margin-left: 10px;height:12px;width:6.2px;" src="@appstatic/my/my_icon_smlink.png"
						class="arrow">
					</image>
				</view>
			
				<!--保养预约-->
				<view class="row" @click="maintainList">
					<view class="left">
						<image style="width: 18px;height: 18px;" src="@appstatic/my/my_icon_maintain.png"
							mode="aspectFit"></image>
						<text lines="1" class="text-1"
							style="font-weight: 400;font-size: 16px;line-height: 22px;padding-left: 18.25px;color: #3D3A3A;">保养预约</text>
					</view>
					<image style=" margin-left: 10px;height:12px;width:6.2px;" src="@appstatic/my/my_icon_smlink.png"
						class="arrow">
					</image>
				</view>
				<!--维修预约-->
				<view class="row" @click="repairList">
					<view class="left">
						<image style="width: 18px;height: 18px;" src="@appstatic/my/my_icon_repair.png"
							mode="aspectFit"></image>
						<text lines="1" class="text-1"
							style="font-weight: 400;font-size: 16px;line-height: 22px;padding-left: 18.25px;color: #3D3A3A;">维修预约</text>
					</view>
					<image style=" margin-left: 10px;height:12px;width:6.2px;" src="@appstatic/my/my_icon_smlink.png"
						class="arrow">
					</image>
				</view>
				</view>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	const util = require("@utils/util.js");
	// import titlebar from "@/components/titlebar/titlebar";
	// import myShare from "@/components/myShare/myShare";
	// import contactUs from "@/components/contactUs/contactUs";
	const network = require("@manager/network-manager.js");
	const dialog = require("@utils/dialog.js");
	// #ifdef APP-PLUS
	const PluginModule = uni.requireNativePlugin("PluginModule");
	// #endif
	
	import {
		requestAndroidPermission,
		gotoAppPermissionSetting
	} from "@utils/permission.js"
	export default {
		data() {
			return {}
		},
		methods: {
			myReservation: function() {
				if (util.isLogin(getApp())) {
					uni.navigateTo({
						url: '/module_my/pages/myAppointment/myAppointment'
					})
				} else {
					util.jumpLogin("myAppointment");
				}
			},
			//保养预约
			maintainList: function() {
				if (util.isLogin(getApp())) {
					uni.navigateTo({
						url: '/module_my/pages/myMaintainList/myMaintainList?model=maintain'
					})
				} else {
					util.jumpLogin("myMaintainList");
				}
			},
			//维修预约
			repairList: function() {
				if (util.isLogin(getApp())) {
					uni.navigateTo({
						url: '/module_my/pages/myMaintainList/myMaintainList?model=repair'
					})
				} else {
					util.jumpLogin("myMaintainList1");
				}
			},
		}
	}
</script>

<style>
	.bg-img {
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: -2;
	}

	.container {
		padding: 0px 16px 0px 16px;
	}

	.fun-list {
		/* margin-top: 36rpx; */
		display: flex;
		flex-direction: column;
		padding-left: 34.25px;
		padding-right: 40.9px;
	}
	
	.fun-list .row {
	
		display: flex;
		vertical-align: middle;
		align-items: center;
		flex-direction: row;
		/* height: 105rpx; */
		height: 120rpx;
		position: relative;
		justify-content: space-between;
	
		/* margin-left: 56rpx;
	  margin-right: 28rpx; */
		/* color: #2d2d2d; */
		/* background-color: white; */
	}
	
	.rownoboder {
		border-bottom: 0rpx solid #EAEAEAFF !important;
	
	}
	
	.fun-list .row .left {
		display: flex;
		vertical-align: middle;
		align-items: center;
		flex-direction: row;
	}
	
	.fun-list .row .left image {
		width: 44rpx;
		height: 44rpx;
	}
	
	.fun-list .row .left text {
		font-size: 28rpx;
		line-height: 28rpx;
		color: #333333;
	}
	
	.fun-list .row .arrow {
		width: 48rpx;
		height: 48rpx;
		align-self: center
	}
	
	.logout {
		background: #FFD700;
		border: 1px solid #FFD700;
		box-sizing: border-box;
		border-radius: 6px;
		margin-left: 56rpx;
		margin-right: 56rpx;
		font-size: 32rpx;
		height: 90rpx;
		margin-top: 30rpx;
		line-height: 90rpx;
		text-align: center;
		margin-bottom: 30rpx;
		color: #333333;
	}
	
	.maxWidth {
		max-width: 200px;
	}
	
	.serviceIcon {
		right: 50upx;
		bottom: 120upx;
		position: absolute;
		width: 48upx;
		height: 48upx;
	}
	
	.signImage {
		bottom: 120upx;
		position: absolute;
		width: 221upx;
		height: 56upx;
		/* #ifdef APP-PLUS||H5 */
		right: 150upx;
		/* #endif */
		/* #ifdef MP-WEIXIN */
		right: 50upx;
		/* #endif */
	}
	
	.signBgView {
		bottom: 120upx;
		position: absolute;
		width: 221upx;
		height: 57rpx;
		display: flex;
		background-image: url('@appstatic/my/orderHome/signview_bg.png');
		background-size: 221rpx, 56rpx;
		background-repeat: no-repeat;
		/* #ifdef APP-PLUS||H5 */
		right: 150upx;
		/* #endif */
		/* #ifdef MP-WEIXIN */
		right: 50upx;
		/* #endif */
	
	}
	
	.signText {
		font-style: normal;
		font-weight: 400;
		align-items: center;
		font-size: 12px;
		line-height: 56upx;
		width: 221upx;
		text-align: center;
	}
</style>
